<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的博客首页</title>
    <script src="../static/lib/jquery/jquery-1.11.1.js"></script>
    <script src="../static/lib/uikit/js/uikit.js"></script>
    <link rel="stylesheet" href="../static/lib/uikit/css/uikit.css"/>
    <link rel="stylesheet" href="../static/lib/uikit/css/components/search.css"/>
    <link rel="stylesheet" href="../static/lib/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../static/css/bootstrap.css">
    <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">-->

    <style type="text/css">
        .uk-article-meta > span {
            margin: 0 2px;
        }

        .footer-context {
            margin: 10px auto;
            text-align: center;
        }
        #footer{
            background-color: #cbcbcb;
        }

        /*.uk-navbar-content > form {*/
        /*display: inline-block;*/
        /*}*/
    </style>
</head>

<body>

<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">

    <nav class="uk-navbar uk-margin-large-bottom">
        <a href="index.html" class="uk-navbar-brand uk-hidden-small"><img src="../static/logo.png" alt="logo"></a>
        <ul class="uk-navbar-nav uk-navbar-center">

            <li><a href="index.html"><i class="uk-icon-home"></i>首页</a></li>
            <li><a href=""><i class="uk-icon-laptop"></i>开发</a></li>
            <li><a href=""><i class="uk-icon-user"></i>运维</a></li>
            <li><a href=""><i class="uk-icon-book"></i>杂谈</a></li>
            <li><a href="about.html"><i class="uk-icon-info-circle"></i>关于</a></li>
        </ul>

        <div class="uk-navbar-flip">
            <div class="uk-navbar-content">
                <form class="uk-search" data-uk-search="{source:'my-results.json'}">
                    <input class="uk-search-field" type="search" placeholder="输入关键字...">
                    <input type="submit" class="uk-button-primary" value="搜索"> </input>
                </form>
            </div>
        </div>

    </nav>


    <div class="uk-grid">

        <div class="uk-width-medium-3-4">
            <ul class="uk-tab uk-tab-grid" data-uk-tab="{connect:'#about-content'}">
                <li class="uk-active"><a href="">关于本站</a></li>
                <li><a href="">关于博主</a></li>
            </ul>
            <ul id="about-content" class="uk-switcher uk-margin">
                <li>
                    <div class="uk-panel uk-panel-divider">
                        <h3 class="uk-panel-title">网站内容</h3>
                        <div class="uk-panel-body">
                            本站为个人文章收录站,博客内容包含技术和生活记录.关于技术方面偏向 <code>Python</code>,<code>Linux</code>,运维
                        </div>
                    </div>
                    <div class="uk-panel uk-panel-divider">
                        <h3 class="uk-panel-title">网站开发</h3>
                        <div class="uk-panel-body">
                            博客由博主独立开发,前端大部分采用框架<a href="http://getuikit.net"><code>Uikit</code></a>.
                            后端使用<code>Django</code>进行开发,数据库使用<code>Mysql</code>.服务器为腾讯云服务器.博客源码已上传至
                            <a href="http://github.com/zhaopeng1995"><code>Github</code></a>
                            由于博主水平有限，界面丑陋，功能简单，请各位大侠多多指教
                        </div>
                    </div>
                    <div class="uk-panel uk-panel-divider">
                        <h3 class="uk-panel-title">文章版权声明</h3>
                        <div class="uk-panel-body">
                            本站文章版权归作者所有，转载请声明原文出处。请尊重他人劳动成果，共建美好的网络环境。
                        </div>
                    </div>
                </li>
                <li>
                    <div class="uk-panel uk-panel-divider">
                        <h3 class="uk-panel-title">简介</h3>
                        <div class="uk-panel-body">
                            90后技术男一枚，毕业于<a href="http://www.hdu.edu.cn">杭州电子科技大学</a>(2013~2017)。
                            目前就职于<a href="http://www.hundsun.com">恒生电子</a>。
                        </div>
                    </div>
                    <div class="uk-panel uk-panel-divider">
                        <h3 class="uk-panel-title">联系方式</h3>
                        <div class="uk-panel-body">
                            <p>邮箱 ：<a href="mailto:dbird1995@163.com">dbird1995@163.com</a></p>
                            <p>博客园 ：<a href="http://www.cnblogs.com">我的博客园</a></p>
                            <p>简书 ： <a href="">我的简书</a></p>
                        </div>
                    </div>
                    <div class="uk-panel uk-panel-divider">
                        <h3 class="uk-panel-title">文章版权声明</h3>
                        <div class="uk-panel-body">
                            本站文章版权归作者所有，转载请声明原文出处。请尊重他人劳动成果，共建美好的网络环境。
                        </div>
                    </div>
                </li>
            </ul>
        </div>


        <div class="uk-width-1-4">
            <div class="uk-panel uk-panel-box uk-text-center">
                <img class="uk-border-circle" width="120" height="120"
                     src=""
                     alt="">
                <h3>dbird</h3>
                <p>90后技术男一枚</p>
                <a href="" class="uk-icon-github uk-icon-button"></a>
                <a class="uk-icon-weibo uk-icon-button"></a>
                <a class="uk-icon-wechat uk-icon-button"></a>
                <a class="uk-icon-qq uk-icon-button"></a>
            </div>
            <div class="uk-panel">
                <h3 class="uk-panel-title">文章归档</h3>
                <ul class="uk-list uk-list-line">
                    <li><a href="#">2017</a></li>
                    <li><a href="#">2016</a></li>
                </ul>
            </div>

            <div class="uk-panel">
                <h3 class="uk-panel-title">最新文章</h3>
                <ul class="uk-list uk-list-line">
                    <li><a href="">何如用Django搭建一个博客</a></li>
                    <li><a href="">如何进行高效的时间管理</a></li>
                    <li><a href="">毕业那些事</a></li>
                </ul>
            </div>
        </div>

    </div>
</div>
<footer id="footer">
    <div class="uk-container">
        <div class="footer-context">Copyright © 2017 by dbird &nbsp;&nbsp;|&nbsp;&nbsp;联系我&nbsp;
            <a href="mailto:dbird1995@163.com">dbird1995@163.com</a>
        </div>
    </div>
</footer>
</body>
</html>